<!--
阿里的矢量图：【Font class】用法

------------------------ 第一步
项目中：引入文件
fonts/
    iconfont.css样式文件
    iconfont.ttf字体文件
注意：
    1）注意路径问题
    2）除了css文件，还需引入字体文件（可能有多个）

------------------------ 第二步
页面中：引入样式
link
    iconfont.css样式

------------------------ 第三步
页面中：使用字体图标
    方法1
    方法2
    方法3
两个地方：
    字体（font-family: 'iconfont'）
    图标类名（icon-xxx）
注意：
    1）字体名字默认是【iconfont】，自己查看css文件
    2）可以自己修改字体名字，在css文件那里修改

------------------------
【Font class】用法其实就是【Unicode】用法的升级版
    【Unicode】
        引入css文件中的部分内容：@font-face{}，然后使用字体图标，需要占位符
    【Font class】
        引入css文件的全部内容，然后使用字体图标，不用占位符且可以直接用类名

------------------------ 

补充：
    阿里的占位符【&#xe7b2;】改为【\e7b2】就行
-->
<!-- 引入css -->
<link rel="stylesheet" href="./myfonts/iconfont.css" />

<!-- 方法1 -->
<span style="font-family: 'iconfont'" class="icon-wenjianshanchu"></span>

<!-- 方法2 -->
<style>
    span {
        font-family: "iconfont";
    }
</style>
<span class="icon-bofang"></span>

<!-- 方法3 -->
<!-- 引入的css文件中已经定义好了类【.iconfont】，所以可以直接在class中使用 -->
<span class="iconfont icon-jurassic_delete-user"></span>
